<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>电影首页</title>
    <link rel="stylesheet" href="../css/film.css">
</head>

<body>
<header>
    <h1 style="text-align: center;">电影首页</h1>

    <div class="frame1">
        <button class="button" id="order" >订单</button>
    </div>
</header>

<div class="film" style="display: inline-block;">
    <div class="picture1" width="180px" height="300px" style="float:left">
        <img src="#" id="picture1" height="300px" width="180px" alt="">
    </div>
    <div class="name1">
        <h3 id="name1">	复仇者联盟4</h3>
    </div>
    <div class="desc1" id="desc1">电影描述1</div>
    <button class="button1" id="submit1" style="margin:1px auto;bottom:0; padding: 1px; margin-top:250px">选择购票</button>
</div>

<div class="film" style="display: inline-block;">
    <div class="picture2" width="180px" height="300px" style="float:left">
        <img src="#" alt="" id="picture2" width="180px" height="300px"></div>

    <div class="name2">
        <h3 id="name2">怦然心动</h3>
    </div>
    <div class="desc2" id="desc2">电影描述2</div>

    <button class="button2" id="submit2" style="margin:1px auto;bottom:0; padding: 1px; margin-top:250px">选择购票</button>
</div>

<div class="film" style="display: inline-block;">
    <div class="picture3" id="picture3" width="180px" height="300px" style="float:left">
        <img src="#" alt="" width="180px" height="300px">
    </div>

    <div class="name3">
        <h3 id="name3">这个杀手不太冷</h3>
    </div>
    <div class="desc3" id="desc3">电影描述3</div>

    <button class="button3" id="submit3" style="margin:1px auto;bottom:0; padding: 1px; margin-top:250px">选择购票</button>
</div>
<script type='text/javascript'
        src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript'
        src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript'
        src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script src="../js/cinema/film.js" charset="UTF-8"></script>
<!--<script src="../js/cinema/hall.js" charset="UTF-8"></script>-->
</body>
</html>